// 主题色配置
$theme-color:#4fc08d;
// rem 单位换算：定为 75px 只是方便运算，750px-75px、640-64px、1080px-108px，如此类推
// $vw_fontsize: 75; // iPhone 6尺寸的根元素大小基准值
// @function rem($px) {
//   @return ($px / $vw_fontsize ) * 1rem;
// }
// 根元素大小使用 vw 单位
$vw_design: 750;

//html和body的样式必须要有
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;

  // font-size: ($vw_fontsize / ($vw_design / 2)) * 100vw;
  // 同时，通过Media Queries 限制根元素最大最小值
  @media screen and (max-width: 300px) {
    font-size: 64px;
  }

  @media screen and (min-width: 750px) {
    font-size: 108px;
  }
}

// 尺寸转换
@function rem($px, $base-font-size: 37.5px) {

  /*设计稿宽度为37.5，因此此处为37.5*/
  @if (unitless($px)) {
    @return rem($px + 0px);
  }

  @else if (unit($px)==rem) {
    @return $px;
  }

  @return ($px / $base-font-size) * 1rem;
}

// 尺寸转换
@function rem2x($px, $base-font-size: 75) {

  /*设计稿宽度为75px，因此此处为75*/
  @if (unitless($px)) {
    @return ($px / $base-font-size) * 1rem;
  }

  @else if (unit($px)==rem) {
    @return $px;
  }
}

// body 也增加最大最小宽度限制，避免默认100%宽度的 block 元素跟随 body 而过大过小
body {
  // max-width: 750px;
  min-width: 300px;
}

.van-nav-bar .van-icon {
  color: #4A4A4A;
  vertical-align: middle;
}

.van-nav-bar__text {
  color: #4A4A4A;
  vertical-align: middle;
}
//app的样式必须要有
#app {
  height: 100%;
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
